<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="/lib/layui/css/layui.css" media="all" />
<style>
.layui-anim-upbit {
	width: 280px !important;
	left: 67px !important;
}

.df {
	height: 100%;
	display: inline-block;
	/* margin-top: 8px; */
}

.width-a {
	display: inline;
	width: 160px;
	height: 32px;
}

.width-b {
	width: 410px;
}

.layui-form-select {
	display: inline-block;
	width: 160px;
	position: relative;
	right: 4px;
}

.layui-form-checkbox {
	position: relative;
	top: 5px !important;
}

.width-c {
	display: inline-block;
	width: 345px;
	height: 38px;
	position: relative;
	top: 1px;
}

.width-d {
	display: inline-block;
	width: 415px;
	height: 38px
}

.layui-form-autocomplete {
	display: inline-block;
}

.layui-form-autocomplete-focus {
	position: relative;
	right: 346px;
	top: 18px;
}

.layui-anim {
	width: 347px;
}

.layui-form-label {
	line-height: 14px;
	height: 26px;
	width: 60px;
}

.layui-input {
	width: 130px;
	height: 38px;
}

.layui-form-select {
	width: 130px;
	margin-left: 2px;
}

.layui-inline {
	padding-top: 4px;
	line-height: 14px;
}
</style>
</head>
<body style="background-color: white; overflow-y: scroll;">
	<div style="width: 100%; height: 100%;">
		<div class="df"
			style="float: left; border-right: 1px solid #ddd; width: 44.4%;">
			<form class="layui-form" id="f1" style="padding: 20px 0 0 10px">
				<div class="layui-inline">
					<label class="layui-form-label">操作日期</label>
					<div class="layui-inline">
						<input type="text" name="operationdate" id="operationtime"
							class="layui-input width-a" lay-key="1">
					</div>
				</div>

				<div class="layui-inline">
					<label class="layui-form-label">班次</label>
					<div class="layui-inline">
						<select name="shift" lay-verify="">
							<option value="">请选择</option>

							<option value="1">1</option>

						</select>
						<div class="layui-unselect layui-form-select">
							<div class="layui-select-title">
								<input type="text" placeholder="请选择" value="" readonly=""
									class="layui-input layui-unselect"><i
									class="layui-edge"></i>
							</div>
							<dl class="layui-anim layui-anim-upbit">
								<dd lay-value="" class="layui-select-tips">请选择</dd>
								<dd lay-value="1" class="">1</dd>
							</dl>
						</div>
					</div>
				</div>

				<div class="layui-inline">
					<label class="layui-form-label">上一站</label>
					<div class="layui-inline">
						<input type="text" id="nextstation" style="width: 280px;"
							name="nextstation" placeholder="" class="layui-input   width-c"
							autocomplete="off">
						<div class="layui-form-autocomplete">
							<dl class="layui-anim layui-anim-upbit"></dl>
						</div>
						<button type="button" onclick="tonextstation()"
							class="layui-btn layui-btn-primary">选择</button>
					</div>
				</div>

				<div class="layui-inline">
					<label class="layui-form-label">目的地</label>
					<div class="layui-inline">
						<input type="text" id="dest" name="dest" placeholder=""
							style="width: 280px;" class="layui-input   width-c"
							autocomplete="off">
						<div class="layui-form-autocomplete">
							<dl class="layui-anim layui-anim-upbit"></dl>
						</div>
						<button type="button" onclick="toDest()"
							class="layui-btn layui-btn-primary">选择</button>
					</div>
				</div>
				<br>
				<div class="layui-inline">
					<label class="layui-form-label">重量</label>
					<div class="layui-inline">
						<input type="text" id="weigth" name="expressweight" placeholder=""
							class="layui-input   width-d" style="width: 280px;">
					</div>
				</div>
				<br>
				<div class="layui-inline">
					<label class="layui-form-label"><span style="color: red;">车次号</span></label>
					<div class="layui-inline">
						<input type="text" id="carnumber" style="width: 280px;"
							name="carnumber" placeholder="" lay-verify="required"
							class="layui-input   width-d">
					</div>
				</div>
				<br>
				<div class="layui-inline"
					style="margin-left: 91px; margin-top: 5px;">
					<button class="layui-btn layui-btn-normal" lay-submit=""
						lay-filter="*">
						<i class="layui-icon"></i> 添加
					</button>
					<button type="reset" style="background-color: #ff7d5a"
						class="layui-btn">
						<i class="layui-icon"></i>重置
					</button>
				</div>

			</form>
		</div>


	</div>
	<div class="df" style="width: 53%; padding-left: 10px;">
		<button class="layui-btn" style="background-color: darkturquoise;"
			onclick="upload()" lay-filter="formDemo">
			<i class="layui-icon"></i>上传
		</button>
		<button type="reset" class="layui-btn layui-btn-danger"
			onclick="delet()">
			<i class="layui-icon"></i>删除
		</button>
		<table id="demo" style="height: 80%;"></table>
		<div class="layui-form layui-border-box layui-table-view"
			lay-filter="LAY-table-1" style="">
			<div class="layui-table-box">
				<div class="layui-table-header">
					<table cellspacing="0" cellpadding="0" border="0"
						class="layui-table" lay-skin="row" lay-even="">
						<thead>
							<tr>
								<th data-field="0" data-key="1-0-0" data-unresize="true"
									class=" layui-table-col-special"><div
										class="layui-table-cell laytable-cell-1-0-0 laytable-cell-checkbox">
										<input type="checkbox" name="layTableCheckbox"
											lay-skin="primary" lay-filter="layTableAllChoose">
										<div class="layui-unselect layui-form-checkbox"
											lay-skin="primary">
											<i class="layui-icon layui-icon-ok"></i>
										</div>
									</div></th>
								<th data-field="1" data-key="1-0-1" data-unresize="true"
									class=" layui-table-col-special"><div
										class="layui-table-cell laytable-cell-1-0-1 laytable-cell-numbers">
										<span>序号</span>
									</div></th>
								<th data-field="carnumber" data-key="1-0-2" class=""><div
										class="layui-table-cell laytable-cell-1-0-2">
										<span>车次号</span>
									</div></th>
								<th data-field="shift" data-key="1-0-3" class=""><div
										class="layui-table-cell laytable-cell-1-0-3">
										<span>班次</span>
									</div></th>
								<th data-field="operationdate" data-key="1-0-4" class=""><div
										class="layui-table-cell laytable-cell-1-0-4">
										<span>操作日期</span>
									</div></th>
								<th data-field="nextstation" data-key="1-0-5" class=""><div
										class="layui-table-cell laytable-cell-1-0-5">
										<span>上下站</span>
									</div></th>
								<th data-field="dest" data-key="1-0-6" class=""><div
										class="layui-table-cell laytable-cell-1-0-6">
										<span>目的地</span>
									</div></th>
								<th data-field="expressweight" data-key="1-0-7" class=""><div
										class="layui-table-cell laytable-cell-1-0-7">
										<span>重量</span>
									</div></th>
								<th data-field="netname" data-key="1-0-8" class=""><div
										class="layui-table-cell laytable-cell-1-0-8">
										<span>网点名称</span>
									</div></th>
								<th data-field="username" data-key="1-0-9" class=""><div
										class="layui-table-cell laytable-cell-1-0-9">
										<span>操作人</span>
									</div></th>
							</tr>
						</thead>
					</table>
				</div>
				<div class="layui-table-body layui-table-main">
					<table cellspacing="0" cellpadding="0" border="0"
						class="layui-table" lay-skin="row" lay-even="">
						<tbody></tbody>
					</table>
					<div class="layui-none">无数据</div>
				</div>
			</div>
			<div class="layui-table-page layui-hide">
				<div id="layui-table-page1"></div>
			</div>
			<style>
.laytable-cell-1-0-0 {
	width: 48px;
}

.laytable-cell-1-0-1 {
	width: 40px;
}

.laytable-cell-1-0-2 {
	width: 150px;
}

.laytable-cell-1-0-3 {
	width: 150px;
}

.laytable-cell-1-0-4 {
	width: 150px;
}

.laytable-cell-1-0-5 {
	width: 150px;
}

.laytable-cell-1-0-6 {
	width: 220px;
}

.laytable-cell-1-0-7 {
	width: 220px;
}

.laytable-cell-1-0-8 {
	width: 150px;
}

.laytable-cell-1-0-9 {
	width: 150px;
}
</style>
		</div>
	</div>

</body>
<script type="text/javascript" src="lib/layui/layui.js"></script>
<script>




//Demo
layui.use(['form','upload','layer','jquery'], function(){
   form = layui.form;
  var upload = layui.upload;
  form.render('select','test1');
  $ = layui.jquery;
  rank = 1;		
   
});
</script>


</html>